@import "~themes/vars.less";


.root {
  .user_list{
    font-size: 14px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    overflow: scroll;
    height: 400px;
  }
  .opinion {
    height: 20px;
    width: 68px;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 16px;
  }
  .tree_box {
    height: 412px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid rgba(217, 217, 217, 1);
    overflow: auto;
    :global {
      .ant-tabs-bar {
        padding: 0 16px;
        margin: 0;
      }
      .ant-tabs .ant-tabs-top-content>.ant-tabs-tabpane.ant-tabs-tabpane-active {
        height: 412px;
        padding: 16px;
        overflow-y: auto;
      }
      // reset default directory tree selection styles
      .ant-tree.ant-tree-directory {
        li.ant-tree-treenode-selected {
          span.ant-tree-node-content-wrapper::before {
            background: initial;
          }
          span.ant-tree-checkbox.ant-tree-checkbox-checked {
            .ant-tree-checkbox-inner {
              background: #608EFF;
              &::after {
                border-color: #fff;
              }
            }
          }
        }
        .ant-tree-child-tree {
          li.ant-tree-treenode-selected {
            span.ant-tree-node-content-wrapper::before {
              background: initial;
            }
            span.ant-tree-checkbox.ant-tree-checkbox-checked {
              .ant-tree-checkbox-inner {
                background: #608EFF;
                &::after {
                  border-color: #fff;
                }
              }
            }
          }
        }
      }
    }
  }

  :global {
    .ant-radio-group {
      width: 90%;
    }
    .ant-radio {
      position: absolute;
      right: 0;
      top: 6px;
    }
    .ant-tree li span.ant-tree-switcher,
    .ant-tree li span.ant-tree-iconEle,
    .ant-tree li .ant-tree-node-content-wrapper {
      height: 32px !important;
    }
    .ant-tree li span.ant-tree-checkbox {
      // margin: 11px 4px 0 2px;
      margin: 7px 4px 0 2px;
    }
    .ant-tree li .ant-tree-node-content-wrapper:hover,
    .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
      background: transparent;
    }
    .ant-tree>li:first-child {
      padding-top: 0 !important;
    }
    .ant-tree-node-content-wrapper .ant-tree-title,
    .ant-tree-child-tree .ant-tree-node-content-wrapper .ant-tree-title {
      color: @color-base;
    }
    .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
      background-color: @color-primary;
      border-color: @color-primary;
    }
    .ant-tree-checkbox-checked .ant-tree-checkbox-inner:after {
      transform: rotate(48deg) scale(1);
      border: 1px solid #fff;
      border-top: 0;
      border-left: 0;
      height: 10px;
      left: 28%;
      top: 0%;
    }
    .ant-tree-switcher .ant-tree-switcher-loading-icon {
      margin-top: 6px;
    }
    // reset default directory tree selection styles
    .ant-tree.ant-tree-directory {
      li.ant-tree-treenode-selected {
        span.ant-tree-node-content-wrapper::before {
          background: initial;
        }
        span.ant-tree-checkbox.ant-tree-checkbox-checked {
          .ant-tree-checkbox-inner {
            background: #608EFF;
            &::after {
              border-color: #fff;
            }
          }
        }
      }
      .ant-tree-child-tree {
        li.ant-tree-treenode-selected {
          span.ant-tree-node-content-wrapper::before {
            background: initial;
          }
          span.ant-tree-checkbox.ant-tree-checkbox-checked {
            .ant-tree-checkbox-inner {
              background: #608EFF;
              &::after {
                border-color: #fff;
              }
            }
          }
        }
      }
    }
  }
}
